<div class="login-container">
  <div class="login-box">
    <!-- 登录框头部 -->
    <div class="login-header">
      <h2>密码登录</h2>
      <span class="switch-qr">扫码登录</span>
    </div>
    
    <!-- 登录表单 -->
    <div class="login-form">
      <div class="form-item">
        <input type="text" placeholder="请输入账号/手机号/邮箱">
      </div>
      <div class="form-item">
        <input type="password" placeholder="请输入密码">
      </div>
      
      <!-- 记住登录和忘记密码 -->
      <div class="form-options">
        <label>
          <input type="checkbox">
          <span>记住登录</span>
        </label>
        <a href="#" class="forget-pwd">忘记密码</a>
      </div>
      
      <!-- 登录按钮 -->
      <button class="login-btn">登录</button>
      
      <!-- 其他登录方式 -->
      <div class="other-login">
        <div class="divider">
          <span>其他登录方式</span>
        </div>
        <div class="login-icons">
          <a href="#" class="icon-weixin">微信</a>
          <a href="#" class="icon-qq">QQ</a>
          <a href="#" class="icon-weibo">微博</a>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- 登录界面的遮罩层和容器 -->
<div class="login-modal" id="loginModal" style="display: none;">
  <div class="login-container">
    <div class="login-box">
      <!-- 添加关闭按钮 -->
      <span class="close-btn">&times;</span>
      
      <!-- 原来的登录框内容 -->
      <div class="login-header">
        <h2>密码登录</h2>
        <span class="switch-qr">扫码登录</span>
      </div>
      <!-- ... 其他原有代码 ... -->
    </div>
  </div>
</div> 

<script src="path/to/login.js"></script> 